<div class="workSkillBox">
    <div class="workSkillFlex">
        <div class="workSkill">
            <h1 ng-click="goto1('eng.workListCtrl')"><span>工程技能体系</span>></h1>
            <div class="SkillList">
                <div class="SkillListCon">
                    <h2 ng-click="goSkill(5)">软件技能</h2>
                    <ul>
                        <li title="{{ softLi.title }}" ng-repeat="softLi in softwareSkill track by $index"><a ng-bind="softLi.title" ng-click="goto('skillId',softLi.skillId,'eng.workDetailsCtrl')"></a></li>
                    </ul>
                </div>
                <div class="SkillListCon ProJectCon">
                    <h2 ng-click="goSkill(6)">工程设备技能</h2>
                    <ul>
                        <li title="{{ engLi.title }}" ng-repeat="engLi in engSkill track by $index"><a ng-bind="engLi.title" ng-click="goto('skillId',engLi.skillId,'eng.workDetailsCtrl')"></a></li>
                    </ul>
                </div>
                <div class="SkillListCon TestCon">
                    <h2 ng-click="goSkill(7)">实验仪器技能</h2>
                    <ul>
                        <li title="{{ testLi.title }}" ng-repeat="testLi in testSkill track by $index"><a ng-bind="testLi.title" ng-click="goto('skillId',testLi.skillId,'eng.workDetailsCtrl')"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .workSkillBox {
        width:100%;
        height:418px;
        background: url(them/img/jb-bg.png) repeat;
        overflow: hidden;
        clear: both;
    }
        .workSkillFlex {
            width:1200px;
            height:100%;
            margin:0 auto;
            overflow: hidden;
        }
        .workSkill {
            width:100%;
            height:325px;
            margin:48px 0 0 0;
        }
            .workSkill h1 {
               font-weight: normal;
        		 padding-left: 27px;
        		font-size: 12px;
        		height: 69px;
                width: 216px;
                 background: url(them/imgs/PracticeBg.jpg) no-repeat;
                 cursor: pointer;
            }
            .workSkill h1 span{
            	font-weight: bold;
                font-size: 24px;
                color: #30a3ff; 
                padding-right: 36px;
                cursor: default;
            }
           .workSkill h1 i{
        	font-style: normal;
		    font-size: 12px;
		    font-weight: normal;
		    color: #999;
		    padding-left: 36px;
        }
        .workSkill h1:hover{
            	color: #30a3ff;
            }
            .SkillListCon {
                background: #fff;
                float: left;
                margin-right:15px;
                width:383px;
                height:246px;
                border:1px solid #ddd;
            }
            .TestCon h2,.ProJectCon h2,.SkillListCon h2 {
                    font-size:18px;
                    padding-left:59px;
                    margin-left:5px;
                    height:74px;
                    width:310px;
                    line-height:74px;
                    border-bottom:1px solid #ddd;
                    background: url("them/imgs/softIcon.jpg") 20px 23px no-repeat;
                    cursor: pointer;
                }
            .SkillListCon h2:hover{
                color: #30a3ff;
            }
            .SkillListCon a:hover{
                color: #30a3ff;
                text-decoration: underline;
            }
                .ProJectCon h2 {
                    background: url("them/imgs/WorkSkill.jpg") 20px 23px no-repeat;
                }
                .TestCon h2 {
                    background: url("them/imgs/testIcon.jpg") 20px 23px no-repeat;
                }
        .SkillListCon ul {
            margin-top:20px;
            width:369px;
            margin-left:5px;
        }
        .SkillListCon ul li {
            padding-left:26px;
            width:343px;
            height:20px;
            background: url("them/imgs/zfxss.png") 10px 7px no-repeat;
            margin-bottom:10px;
        }
        .SkillListCon ul li a {
            font-size:14px;
        }
</style>